<!DOCTYPE html>
<html lang="ZH">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="一个专注于布局的可视化布局平台,团队提高效率,UI设计师生成页面">
    <meta name="Keywords" content="开发者,自动化布局,可视化布局,react布局,vue布局,angular布局,页面可视化布局">
    <meta name="author" content="谢秀岳"> 
    <meta name="copyright" content="谢秀岳"> 
    <meta name="generator" content="react"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>LUI layout-ui -可视化布局-自动化布局</title>
    <link rel="shortcut icon" href="http://al.mysy.vip/logo.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1175682_kodt080hksh.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?3daf8c4ae8cf698902f7b8e3a61866f9";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <div id="root"></div>
    <div class="loading">loading</div>
    <div class="box" style="opacity: 0;">
        <div>
            <h1>LUI 可视化布局工具</h1>
            <em>插入布局</em>
        </div>
        <h1>Layout-UI</h1>
        <h2>在线可视化布局工具, 支持相对布局\ 绝对布局\ 弹性布局, 自适应可视化布局. 适用于专业人员开发专业界面, 适用于经过简单培训设计师使用.</h2>
        <div>
            <h1>布局操作区</h1>
            <p>垂直</p>
            <p>居中</p>
            <p>底部对齐</p>
            <p>左对齐</p>
            <p>右对齐</p>
            <p>左右居中对齐</p>
            <p>高度</p>
            <p>圆角</p>
            <p>文字内容</p>
            <p>背景颜色</p>
            <p>字体颜色</p>
            <em>内部插入新布局</em>
        </div>
        <footer>
            <div><span>生成代码</span></div>
            <div><span>代码预览</span></div>
        </footer>
    </div>
</body>
</html>